1.1.1. 横向并排：

虽然『栅格 col-md-4』和『ul.list-inline』也能实现并排，但是会多写了一些 html 代码，而且并排后仍然要靠 float 以及小屏幕时用 @media 和 float 来控制位置，所以基本弃用。

1、一行、元素两端对齐：用 display: -webkit-flex; 和 -webkit-justify-content: space-between; 2、一行、元素位置自定义：用 float:left、float:left、float:right，小屏幕元素换行时用 @media 控制 float 位置或 display:none 隐藏 3、多行、元素两端对齐：div.row>div.col-md-10.col-md-offset-1>div.col-md-4.col-sm-6.col-xs-12 栅格，并用 @media 控制 margin（1200px/992px/768px/650px/550px/450px/300px） 4、一行、左边 h1 右边图标 icon：要在 h1 上使用 display: inline; 5、一行、右边 h1 左边图标 icon：icon 使用 float: left;